@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
::-webkit-scrollbar {width: 0px;background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #666666;border-radius: 4px;}
::-moz-scrollbar {width: 6px;background-color: transparent;}
::-moz-scrollbar-thumb {background-color: #666666;border-radius: 4px;}
body {
  font: 14px/160% "Hiragino Sans GB","Helvetica","Microsoft YaHei","SimHei";
  word-break:break-all;
  word-wrap:break-word;
  position: relative;
  -ms-word-wrap: normal;
}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins,s { text-decoration: none; }
del { text-decoration: line-through;}
em,i {font-style:normal;}
/* Remove annoying border on linked images. */
a,img { border: none; text-decoration:none; }
a{text-decoration:none;}
a:hover{text-decoration:underline;}a:focus{outline:none;-moz-outline:none;}
a:active{outline:none;blr:expression(this.onFocus=this.blur())}
h1 {font-size: 36px;line-height: 45px;font-weight:normal;}
h2 {font-size: 24px;line-height: 30px;font-weight:normal;}
h3 {font-size: 18px;line-height: 22px;font-weight:normal;}
h4 {font-size: 16px;line-height: 20px;font-weight:normal;}
h5 {font-size: 14px;line-height: 18px;font-weight:normal;}
h6 {font-size: 12px;line-height: 16px;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block;}
/* #custom
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}.fr {float: right;}
.pr {position: relative; }.pa {position: absolute; }
.f-fH {font-family: 'SimHei';}.f-fM {font-family: 'Microsoft YaHei';}.f-fA {font-family: 'SimSun';}.f-fG {font-family: 'Georgia';}
.unBg {background: none !important;}
.unBr {border: none !important;}
.unFw {font-weight: normal;}
.dis{display:block;}
.disIb {display: inline-block;*display: inline;*zoom: 1;}
.undis{display:none;}
.of{overflow: hidden;}
.ov{overflow: visible;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.hand {cursor: pointer;}
.zoom {_zoom: 1;}
.fsize12 {font-size: 12px;}
.fsize14 {font-size: 14px;}
.fsize16 {font-size: 16px;}
.fsize18 {font-size: 18px;}
.fsize20 {font-size: 20px;}
.fsize24 {font-size: 24px;}
.fsize28 {font-size: 28px;}
.fsize34 {font-size: 34px;}
.mt3 {margin-top: 3px;}
.ml2 {margin-left: 2px;}
.ml3 {margin-left: 3px;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.pb5 {padding-bottom: 5px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.mb25 {margin-bottom: 25px;}
.ml30 {margin-left: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.ml40 {margin-left: 40px;}
.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.ml50 {margin-left: 50px;}
.pt5 {padding-top: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.pt30 {padding-top: 80px;}
.pl40 {padding-left: 40px;}
.pt50 {padding-top: 50px;}
.pb40 {padding-bottom: 40px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pl50 {padding-left: 50px;}
.icon12 {display: inline-block;*display: inline;*zoom: 1;height: 12px;width: 12px;vertical-align: middle;}
.icon14 {display: inline-block;*display: inline;*zoom: 1;height: 14px;width: 14px;vertical-align: middle;}
.icon16 {display: inline-block;*display: inline;*zoom: 1;height: 16px;width: 16px;vertical-align: middle;}
.icon18 {display: inline-block;*display: inline;*zoom: 1;height: 18px;width: 18px;vertical-align: middle;}
.icon24 {display: inline-block;*display: inline;*zoom: 1;height: 24px;width: 24px;vertical-align: middle;}
.icon30 {display: inline-block;*display: inline;*zoom: 1;height: 30px;width: 30px;vertical-align: middle;}
.txtOf {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hLh20 {height: 20px;line-height: 20px;}
.hLh30 {height: 30px;line-height: 30px;}
.col-75 {width: 75%;}
.col-25 {width: 25%;}
.col-50 {width: 50%;}
.col-65 {width: 65%;}
.col-35 {width: 35%;}
.container {margin-left: auto;margin-right: auto;width: 1200px;}
/*========== theam ==========*/
.c-master {color: #31a4ff;}
.c-master2 {color: #9198ab;}
.c-green {color: #0ecd7f;}
.c-yellow {color: #FFCC00;}
.c-orange {color: #31a4ff;}
.c-blue {color: #3580DE;}
.c-blue1 {color: #3274b9;}
.c-purple {color: #af5edd;}
.c-red {color: #f04040;}
.c-333 {color: #333;}
.c-dark {color: #2b3742;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-ccc {color: #ccc;}
.c-fff {color: #fff;}
.c-e5 {color: #e5e5e5;}
.f-bold {font-weight: bold;}
.bg-green {background-color: #14BA4C;}
.bg-orange {background-color: #FF5F16;}
.bg-grey {background-color: #ccc;}
.bg-f8 {background-color: #f4f5f9;}
.bg-fff {background-color: #f2f2f2;}
.bg-fa {background-color: #f3f5f9;}
  /*all icon*/
.dClose,.o-radio,.group-logout em,.c-certificate-icon,.exam-edit-icon,.u-h-more em.more-arrow-icon,.del-cou,.cl-back,.spread-icon,.chapter-icon,.c-state-icon,.p-cou-icon,.close-icon,.i-live-time tt,.p-homewk-icon,.material-icon,.view-icon,.download-icon,.p-ques-icon,.p-down-arrow,.plan-desc .p-cou-box em,.s-r-c-time,.sign-in em,.u-play-btn,.a-img,.v-play-btn em,.uc-mask .c-play-btn,.icon12,.icon14,.icon16,.icon18,.icon24,.s-btn em,.user-icon,.pwd-icon,.lr-yzm-li .pwd-icon,.c-play-num,.c-review-num,.c-couse-v,.net-c-more em,.tel-icon,.r-f-icon-1,.r-f-icon-2,.r-f-icon-3,.r-f-icon-4,.r-f-icon-5,.comm-new-list li p,.login-err-icon,.f-h-i-title em,.dContent .dClose,.N-hiderightbtn a em,.nlt-up em,.cou-arrow-up,.cou-arrow-down,.s-r-year,.s-r-sj,.help-c-nav li .h-nav-sec-dl dd em,.hc-list-1 ol li,.a-time,.a-read,.l-c-time-icon span,.l-c-sta-top em {background: url("../images/icon_nxb.png") no-repeat;}
.tips-icon {background: url("../images/tips-icon.png") no-repeat;}
.s-btn em {background-position: 0 0;}
.user-icon { background-position: 1px -29px;}
.pwd-icon {background-position: 1px -58px;}
.c-play-num {background-position: -1px -113px;}
.person-icon {background-position: 0 -291px;}
.close-icon {background-position: -2px -317px;}
.c-view-num {background-position: -320px -226px;width: 24px; height: 14px;}
.chapter-icon {background-position: -175px -436px;}
.c-review-num {background-position: 0 -132px;margin-right: 5px;}
.c-couse-v {background-position: 0 -157px;}
.net-c-more em {background-position: -1px -93px;}
.tel-icon {width: 26px; height: 26px; display: inline-block;vertical-align: middle;background-position: -31px -2px;}
.r-f-icon-1 {background-position: -67px -40px;}
.r-f-icon-2 {background-position: -30px -40px;}
.r-f-icon-3 {background-position: -304px 0;}
.r-f-icon-4 {background-position: -347px 2px;}
.r-f-icon-5 {background-position: -423px 2px;}
.comm-new-list li p,.hc-list-1 ol li {background-position: -508px 14px;}
.login-err-icon {background-position: -30px -236px;}
.f-h-i-title em {background-position: -63px -255px;}
.f-dd-close em {background-position: -63px -238px;}
.nlt-up em,.cl-back em {background-position: -63px -195px;}
.nlt-dw em {background-position: -63px -219px;}
.l-em-arrow,.cou-arrow-down {background-position: -64px -175px;}
.path-wrap { color: #999;font-size: 14px;line-height: 30px; margin: 20px 0 10px;}
.nav-path-wrap a:hover {text-decoration: none;color: #31a4ff;}
.v-play-btn em {background-position: 0 -434px;display: inline-block; vertical-align: middle;}
.c-cou-btn em {background-position: -32px -172px;}
.c-sc-alr em{background-position: -187px -176px;}
.c-share em {background-position: -1px -261px;}
.c-rec em {background-position: -93px -259px;}
.lr-yzm-li .pwd-icon {background-position: -123px -175px;}
.N-hiderightbtn a em {background-position: -160px -36px;}
.N-hiderightbtn a.open em {background-position: -130px -36px;}
.c-reply {background-position: -152px -175px;}
.c-cou-type em,.play-icon-box em {background-position: -31px -194px;}
.material-type em {background-position: -324px -251px;}
.c-ques-type em {background-position: -361px -251px;}
.c-exam-type em {background-position: -361px -225px;}
.lt-ie9.lt-ie8 .c-cou-type em {background-position: -32px -193px;}
.lt-ie9.lt-ie8 .c-learn-plan .c-blue-dot {top: 14px;}
.image-icon-box em {background-position: -123px -251px;}
.audio-icon-box em {background-position: -123px -225px;}
.wd-icon-box em {background-position: -123px -199px;}
.chap-seclist ul li.current .play-icon-box em,.chap-seclist ul li:hover .play-icon-box em {background-position: -31px -216px;}
.chap-seclist ul li.current .image-icon-box em,.chap-seclist ul li:hover .image-icon-box em {background-position: -150px -250px;}
.chap-seclist ul li.current .audio-icon-box em,.chap-seclist ul li:hover .audio-icon-box em {background-position: -150px -224px;}
.chap-seclist ul li.current .wd-icon-box em,.chap-seclist ul li:hover .wd-icon-box em {background-position: -150px -198px;}
.no-data-ico {width: 96px; height: 128px; display: inline-block; vertical-align: middle;background: url("../images/jiazai.png") no-repeat;background-size: 100% ;}
.no-data-ico.cTipsIco {background-image: url("../images/cTipsIco.png");width: 64px;height: 64px;}
.page-prev {background-position: -64px -195px;}
.page-next {background-position: -64px -218px;}
.lt-ie9.lt-ie8 .page-prev,.lt-ie9.lt-ie8 .page-next {margin-top: 13px;}
.q-view {background-position: -1px -219px;}
.q-review {background-position: -1px -240px;}
.noter-dy em {background-position: -217px -175px;}
.course-icon {background-position: -217px -199px;}
.teacher-icon {background-position: -217px -225px;}
.student-icon {background-position: -248px -546px;}
.crea-time {background-position: -186px -64px;}
.compl-time {background-position: -250px -517px;}
.remain-time {background-position: -185px -148px;}
.learn-pro {background-position: -186px -85px;}
.parti-state {background-position: -186px -107px;}
.cou-arrow-up {background-position: -92px -175px;}
.s-r-year {background-position: -442px -234px;}
.address-icon  {background-position: -248px -488px;}
.s-r-sj {  background-position: -276px -47px;  }
.u-address-set em {background-position: -255px -177px;}
.u-address-set:hover em {background-position: -256px -227px;}
.u-address-delete em {background-position: -255px -201px;}
.u-address-delete:hover em {background-position: -255px -253px;}
.cn-Q {background-position: -189px 0;}
.help-c-nav li .h-nav-sec-dl dd em {background-position: -293px -202px;}
.help-c-nav li .h-nav-sec-dl dd.current em {background-position: -293px -228px;}
.sc-already em {background-position: -187px -176px;}
.zan-already em {background-position: -289px -251px;}
.a-time {background-position: -322px -201px;}
.a-read {background-position: -321px -178px;}
.l-c-time-icon span {background-position: -449px -124px;}
.l-c-sta-top em {background-position: -230px -1px;}
.c-check em {background-position: -324px -176px;}
.good-answ-icon {background-position: -271px 0;}
.ts-top-icon {background-position: -389px 0;}
.o-radio {background-position: -492px -18px;}
.t-p-options label.current .o-radio {background-position: -492px -44px;}
.o-checkbox {background-position: -492px -71px;}
.t-p-options label.current .o-checkbox {background-position: -492px -100px;}
.s-r-c-time {background-position: -312px -44px;}
.sign-in em {background-position: -119px -351px;}
.plan-desc .p-cou-box em {background-position: 0 -356px;}
.plan-desc .p-ques-box em {background-position: 0 -356px;}
.plan-desc .p-exam-box em {background-position: 0 -356px;}
.plan-desc .p-ques-box em {background-position: -77px -356px;}
.plan-desc .p-exam-box em {background-position: -38px -356px;}
.p-cou-icon {background-position: -4px -321px;}
.p-down-arrow {background-position: -90px -286px;}
.p-up-icon {background-position: -46px -322px;}
.p-exam-icon {background-position: -43px -288px;}
.p-ques-icon {background-position: -4px -288px;}
.material-icon {background-position: -125px -319px;}
.view-icon {background-position: -126px -287px;}
.download-icon {background-position: -86px -322px;}
.p-homewk-icon {background-position: -169px -286px;}
.u-play-btn {background-position: -413px -326px;}
.u-live-play {background-position: -340px -325px;}
.boy {background-position: -149px -62px;}
.girl {background-position: -149px -83px;}
.select_textdiv .down em {background-position: -362px -202px;}
.divfocus .down em {background-position: -362px -179px;}
.u-l-playicon {background-position: -362px -283px;}
.u-search-result em {background-position: -221px -355px;margin-right: 2px;}
.cancel-cou {background-position: -395px -284px;}
.del-cou {background-position: -395px -253px;}
.plan-play-icon {background-position: -394px -225px;}
.cert-down-icon {background-position: -219px -382px;}
.plan-time-icon {background-position: -248px -457px;}
.l-data-ico {background-position: -284px -138px;}
.bTimeOrder {background-position: -256px -148px;}

.dRight {background-position: 0 0;}
.dError {background-position: 0 -35px;}
.dAsk {background-position: 0 -70px;}
.dFade {background-position: 0 -105px;}
.c-state-icon {background-position: -275px -398px;}
.index-icon {background-position: -337px -400px;}
.u-h-more em.more-arrow-icon {background-position: -410px -400px;margin-left: 2px;}
.u-login-menu {background-position: -446px -400px;}
.add-course-icon .c-cou-btn em {background-position: -324px -144px;}
.add-course-icon .sc-already em {background-position: -360px -144px;}
.group-logout em {background-position: -470px -255px;}
.u-notice-list li {background: url("../images/circle.png") no-repeat 0 0;}
.c-chapter-empty em {background-position: -315px -109px;}
.c-chapter-finish em {background-position: -346px -109px;}
.c-chapter-learned em {background-position: -375px -109px;}
.c-chapter-ongoing em {background-position: -403px -109px;}
.chap-seclist ul li:hover .c-chapter-empty em {background-position: -286px -109px;}
.chapter-box .chap-seclist ul li:hover .c-chapter-empty em {background-position: -315px -109px;}
.chap-seclist ul li.c-chapter-ongoing:hover .c-chapter-empty em {background-position: -403px -109px!important;}
.chapter-box.i-c-box {position: relative; padding-bottom: 50px;}
.exam-item-box {position: absolute; display: block; bottom: 0; left:0; right: 0; height: 50px; border-top: 1px solid #eee;text-align: center; font-size: 16px;line-height: 50px;color: #555;}
.exam-item-box:hover {text-decoration: none;color: #31a4ff;}
.chapter-box .c-chapter-learned em {background-position: -286px -109px;}
.check-box {background: url("../images/icon-form.png") no-repeat -1px -2px;}
.note-del-icon {background-position: -422px -253px;}
.note-edit-icon {background-position: -312px -459px;}
.spread-icon {background-position: -174px -498px;}
.packUp-icon {background-position: -174px -466px;}
.cl-back {background-position: -180px -532px;}
.course-label label .audio-icon {background-position: -313px -518px;}
.course-label label .wd-icon {background-position: -312px -488px;}
.course-label label .image-icon {background-position: -313px -549px;}
.course-label label .video-icon {background-position: -312px -459px;}
.exam-edit-icon {background-position: -373px -460px;width: 18px; height: 21px; display: inline-block;vertical-align: middle;}
.exam-item-box:hover .exam-edit-icon {background-position: -373px -498px;}
.c-certificate-icon {width: 24px; height: 24px;display: inline-block; vertical-align: middle;background-position: -372px -539px;}
  /*========== pageing ==========*/
.paging {padding: 50px 0 40px;text-align: center;}
.paging a {text-decoration:none;border-radius: 50%;color: #333;border: 1px solid transparent;display: inline-block;+display: inline-block;margin: 0 9px;font-size: 12px;height: 30px;min-width: 30px;text-align: center;line-height: 30px;transition: 0.3s;-webkit-transition: 0.3s;}
.paging a.current,.paging a.undisable {cursor: text;color: #999;}
.paging a.current { background-color: #30a4ff; color: #fff;border-color:#30a4ff; }
.paging a.active:hover,.paging a:not(.undisable):hover {color: #30a4ff;}
/*.paging a.page-side {border: 1px solid #e8e8e8}*/
/*========== comm style ==========*/
  /*all btn*/
  .bm-lr-btn {background: #31a4ff;border-radius: 3px;display: block;text-align: center;height: 40px;font: 18px/40px 'Microsoft YaHei';color: #fff;}

  .bm-lr-btn:hover,.c-more:hover,.c-sys-btn:hover,.brow-btn:hover,.l-c-sta-bot a:hover  {text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}

  .bm-lr-jy-box {background: #F9E5D8;border: 1px solid #F3995C;border-radius: 3px;color: #ff6428;position: absolute;bottom: 45px;width: 100%;height: 30px;}
  .DT-arrow {cursor: default;position: absolute;left: 10px;bottom: -6px;width: 22px;}
  .DT-arrow * {cursor: default;display: block;font-family: "SimSun";font-size: 12px;font-style: normal;font-weight: normal;height: 12px;line-height: 1.231;overflow: hidden;}
  .DT-arrow em {color: #F3995C;}
  .DT-arrow span {color: #F9E5D8;margin: -13px 0 0;}
  .bm-close {cursor: pointer;float: right;display: inline-block;width: 20px;height: 30px;text-align: center;color: #DA3B3B;font-size: 16px;font-family: "simhei";}
  .img-responsive { display: block; height: auto; max-width: 100%; transition: all 0.8s ease 0s;}
  .j-course-title:hover,.net-c-more:hover tt {color: #31a4ff;}
  .no-data-wrap {margin: 50px auto;text-align: center;}
 /*========== member image and desc style ==========*/
.c-learn-body span,.c-learn-body span img {width: 52px;overflow: hidden;display: inline-block;border-radius: 4px;text-align: center;}
.lt-ie9 .c-learn-body span {width: 54px;}
.lt-ie9 .no-data-wrap span,.lt-ie9.lt-ie8 .no-data-wrap span {width: auto;}
.c-learn-body span img {height: 52px;}
.c-learn-body {margin-left: -6px;}
.c-learn-body span {margin: 6px 0 0 6px;float: left;}
/*========== dialogWrap style ==========*/
.dialogWrap { background: #fff none repeat scroll 0 0; left: 50%; position: absolute; transition: all 0.3s ease 0s; z-index: 9999999;}
.d-s-head, .d-s-head-infor { border-bottom: 1px solid #e2e2e2; height: 40px; line-height: 40px; padding: 0 15px;}
.lrWrap {width: 320px;}
.d-s-head-txt, .d-s-head-txt-infor { color: #333; font-size: 16px;}
.d-s-head-tab a { border-bottom: 1px solid transparent; color: #666; display: block; float: left; font-size: 18px; line-height: 40px; text-align: center; width: 100px;}
.d-s-head-tab a.current {color: #31a4ff;border-bottom: 1px solid #31a4ff;}
.d-s-head-tab a:hover { text-decoration: none;}
.e-login-options li input { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #666; font: 16px/38px "Microsoft YaHei"; height: 38px; padding-left: 16px; vertical-align: middle; width: 300px;}
.e-login-options li input:focus { border-color: #ccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) inset;}
.e-login-btn, .e-register-btn {color: #fff; display: block; font: 18px/34px SimHei; height: 34px; margin: 0 auto; text-align: center; background: #31a4ff;}
.e-login-btn:hover, .e-register-btn:hover { text-decoration: none; opacity: 0.92; -webkit-opacity: 0.92;}
.sf-lr-wrap { border-top: 1px solid #f2f2f2; padding-top: 15px;}
.sf-lr-wrap h6 { margin-top: -26px;}
.sf-lr-wrap a { display: inline-block; height: 32px; margin: 0 10px; position: relative;vertical-align: middle; width: 32px;}
.sf-lr-wrap a:hover { text-decoration: none;}
.e-l-jy { display: block; height: 20px; line-height: 20px;text-align: center;}
.e-login-options li .lr-tip-wrap { height: 18px;line-height: 18px; margin-top: 5px; clear: both;}
.sf-lr-wrap a.wb-sf {background: url("../images/wb-icon-32.png") no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wb-sf:hover { background: url("../images/wb-icon-hover-32.png") no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wx-sf { background: url("../images/wx-icon-32.png") no-repeat scroll 50% 50%;}
.sf-lr-wrap a.wx-sf:hover { background: url("../images/wx-icon-hover-32.png") no-repeat scroll 50% 50%;}
.sf-lr-wrap a.qq-sf {background: url("../images/qq-icon-32.png") no-repeat scroll 50% 50%;}
.sf-lr-wrap a.qq-sf:hover { background: url("../images/qq-icon-hover-32.png") no-repeat scroll 50% 50%;}
.bMask { background: #000 none repeat scroll 0 0;  height: 100%;left: 0; opacity: 0.3;-moz-opacity: 0.3;filter: alpha(opacity=30); position: fixed;top: 0; width: 100%; z-index: 99999;}
.sj-login-tab { height: 24px; overflow: hidden;}
.sj-login-tab li { background: #f9f9f9 none repeat scroll 0 0; clear: none; float: left; margin-top: 0;  text-align: center; width: 50%;}
.sj-login-tab li a { color: #666;  display: block; font-size: 14px; height: 20px; line-height: 20px; padding: 0 20px;}
.sj-login-tab .current a { background: #e9e9e9 none repeat scroll 0 0; color: #ea6767;text-decoration: none;}
.sj-login-tab li a:hover { color: #ea6767; text-decoration: none;}
.i-q-txt {height: 20px; overflow: hidden;}
.i-q-txt p {line-height: 20px;}
.i-q-txt2 {height: 40px;}
.i-q-txt3 {height: 42px;}
.c-attr-desc p {line-height: 30px;}
.c-attr-desc {max-height: 210px; overflow: hidden;}
.i-box {background-color: #fff;border-radius: 7px;padding: 20px;}
.c-module-box {background-color: #fff;border-radius: 10px;}
.i-c-box {background-color: #fff;padding: 20px 38px;border-radius: 0 0 10px 10px;}
.i-box1 {background-color: #fff; border-radius: 10px;}
.pd20 {padding: 20px;}
.pd20-50 {padding: 20px 50px;}
.caret {  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-top: 4px dashed;  display: inline-block;  height: 0;  margin-left: 2px;  vertical-align: middle;  width: 0;  }

/*------ global nav style ------*/
.global-nav {height: 52px;position: fixed;right: 0;bottom: -1px;left: 0;width: 100%;z-index: 99;display: none;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.global-nav ul {background: #f8f8f8;border-top: 1px solid #e2e2e2;height: 50px;}
.global-nav ul li {float: left;width: 25%;text-align: center;height: 50px;}
.global-nav ul li a:hover {text-decoration: none;}
.global-nav ul li a svg {display: block;width: 26px;height: 28px;margin: 3px auto 0;}
.global-nav ul li a p {font: .8rem/24px 'Helvetica Neue','SimHei';color: #888;margin-top: -4px;}
.global-nav ul li.current a p {color: #31a4ff;}
/*--- course marking----*/
.c-star-wrap-2 ol li a,.c-star-wrap-1 ol li a {background: url("../images/icon_nxb.png") no-repeat;}
.c-star-wrap-1 li a {background-position: -135px -391px;}
.c-star-wrap-1 li.current a {background-position: -91px -391px;}
.c-star-wrap-2 ol li a {background-position: -42px -391px;}
.c-star-wrap-2 ol li.current a {background-position: -3px -391px;}

.star-level-1 {display: inline-block;_zoom: 1;_display: inline;overflow: hidden;height: 16px;width: 71px;vertical-align: middle;}
.star-level-1 {background: url("../images/star-level.png") no-repeat;}
.star-1-5 {background-position: 0 -64px;}
.star-1-4 {background-position: 0 -48px;}
.star-1-3 {background-position: 0 -32px;}
.star-1-2 {background-position: 0 -16px;}
.star-1-1 {background-position: 0 0;}
.star-1-0 {background-position: 0 -82px;}
/*========== global uMenuTabCard ==========*/
.js-tap li {float: left;}
.js-tap li a {display: block;padding: 0 35px 0 7px;line-height: 40px;color: #666;font-size: 14px;}
.js-tap li span {padding: 0 10px;display: inline-block;line-height: 40px;}
.js-tap li.current a {color: #31a4ff;}
.js-tap li a:hover {color: #31a4ff;text-decoration: none; }
.plan-js-tap li label span {padding: 0 0 0 2px;font-size: 14px; color: #666;}
.plan-js-tap li label {position: relative;cursor: pointer;}
.plan-js-tap li label em {position: absolute;left: 2px; top: -2px;}
.plan-js-tap li:hover label em {background-position: -1px -22px;}
.plan-js-tap li:hover label span {color: #31a4ff;}
.plan-js-tap li label em.checked {background-position: -1px -42px;}
.c-title-box {border-bottom: 1px solid #dfdfdf;height: 50px;padding-left: 38px;padding-top: 10px;}
.c-title-box .js-tap li a {line-height: 48px;font-size: 18px;padding: 0;margin: 0 50px 0 0;border-bottom: 2px solid transparent;position: relative;}
.c-title-box .js-tap li a:after {position: absolute; left: 50%;display: none; bottom: -3px;width: 58px; height: 2px; background: #31a4ff;content: ' ';margin-left: -29px;}
.c-title-box .js-tap li.current a:after {display: block;}
  /*========== global offline course==========*/
.i-offcour-list li,.u-f-c-list li { border-bottom: 1px dotted #ddd; margin-bottom: 15px; min-height: 100px; padding: 0 120px 20px 175px;position: relative;}
.i-oc-pic {left: 0;position: absolute;text-align: center;top: 0;border: 1px solid #d9d9d9;cursor: pointer;padding: 2px; transition: all 0.3s ease 0s;width: 150px;}
.i-oc-pic img {max-width: 100%;display: block;}
.i-oc-title {color: #333; font-size: 18px;}
.i-oc-title:hover {text-decoration: none; color: #31a4ff;}
/*========== global course review==========*/
.noter-pic {left: 0; position: absolute; top: 20px;}
.noter-pic img { border-radius: 50%; display: block; height: 50px; width: 50px;}
.lh-reply-btn { background: #31a4ff;color: #fff;border: 1px solid #31a4ff;display: inline-block;font: 14px/30px "Microsoft YaHei"; height: 30px;text-align: center; padding: 0 21px;}
.lh-reply-btn:hover { text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);}
.n-reply-wrap textarea { background: #fff none repeat scroll 0 0;resize: none; border-radius: 4px; border: 1px solid #ddd; color: #666; font-size: 14px;height: 48px; overflow-x: hidden; overflow-y: auto; padding: 4px 1.5%; width: 96%;}
.n-reply-wrap textarea:focus { border-color: #31a4ff;}
.n-reply-wrap textarea.n-note-reply {height: 62px;}
.review-box ul li { border-bottom: 1px solid #f2f2f2; min-height: 50px;padding: 20px 5px 10px 65px; position: relative;}
.review-box ul li:hover {background-color: #fdfdfd;}
.com-err-info {font-size: 14px;}
.noter-txt p {font-size: 14px; line-height: 28px;color: #666;}
.msg-e-icon {background-position: -94px -239px; vertical-align: middle;}
.c-reply-box .review-box ul li {padding-left: 0;}
.c-reply-box .review-box ul li .noter-pic {display: none;}
/*========== global course menu start==========*/
.chapter-name { height: 50px;line-height: 50px;color: #555;margin-bottom: 3px; font-size: 16px; background-color: #eee;padding: 0 60px 0 15px;border-radius: 7px;}
.chap-seclist ul li {transition: 0.3s;-webkit-transition: 0.3s;padding: 12px 75px 12px 15px;}
.chap-seclist ul li:hover {background: #F3F7FB;}
.chap-seclist ul li .c-p-wrap {padding: 0;}
.chap-seclist ul li .c-p-wrap a:hover {text-decoration: none;}
.chap-seclist ul li .c-learn-sec {display: inline-block; width: 42px;}
.cou-info-menu {position: relative;}
.spread-icon {width: 28px; height: 15px;display: inline-block;position: absolute; right: 30px; top: 50%;margin-top: -7px;}
.chapter-icon {width: 23px; height: 10px; display: inline-block;vertical-align: middle;}
.c-p-t-btn { background: #6c9cca none repeat scroll 0 0;  border-radius: 3px;  color: #fff;  display: inline-block;  line-height: 22px;  padding: 0 9px;  position: absolute;  right: 6px;  top: 50%;margin-top: -12px;}
.c-p-t-btn:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.c-t-enter-btn { background: #6c9cca none repeat scroll 0 0;  border-radius: 3px;  color: #fff;padding: 0 13px;  display: inline-block;  line-height: 22px;}
.c-t-enter-btn:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.play-icon-box {}
.c-p-title {font-size: 14px; line-height: 28px; color: #777;font-family: "Microsoft YaHei";}
.c-chapter-state {position: absolute; top:11px; right: 10px;}
.c-blue-dot {position: absolute;left: -5px;top: 10px;}
.c-blue-dot tt {width: 8px; height: 8px;display: inline-block; background-color: #6c9cca;border-radius: 50%;}
.c-white-box {position: absolute;bottom: 0px;left: -9px;width: 20px; height: 16px;}
.lt-ie9.lt-ie8 .c-white-box {bottom: -4px; height: 27px;}
.lt-ie9 .c-white-box {height: 21px;}
.chap-seclist ul li:hover .c-p-title,.chap-seclist ul li.current .c-p-title,.chap-seclist ul li.current .c-blue1,.chap-seclist ul li:hover .c-blue1 {color: #31a4ff;}
.chap-seclist ul li.current .c-blue-dot tt,.chap-seclist ul li:hover .c-blue-dot tt {background-color: #31a4ff;}
/*==========  learning plan==========*/
.e-s-mod1 {position: absolute; left: 0;top: 0;}
.e-s-mod3 {padding: 15px;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;text-align: center;}
.e-s-mod2 {width: 100%;}
.e-m-stasec {padding-right: 135px;}
.emp-sta-box .w50pre {width: 50%;}
.bor-dot-right {border-right: 1px dashed #ccc}
.e-m-stasec p {line-height: 32px;height: 32px;}
.check-out-btn { background-color: #31a4ff;height: 30px;line-height: 30px;padding: 0 27px; border-radius: 20px;}
.mem-out-btn {  border: 1px dashed #31a4ff; color: #31a4ff;display: inline-block;font: 12px/24px "Hiragino Sans GB","Microsoft YaHei"; height: 24px;padding: 0 15px; border-radius: 16px;}
.mem-out-btn:hover{background-color: #31a4ff ;  color: #fff; text-decoration: none;transition: all 0.8s ease 0s;}
/*========== global course==========*/
.job-cou-list {margin-left: -20px;}
.job-cou-list li {float: left; width: 25%;}
.job-cou-list li .cc-l-wrap { display: block;margin: 0 0 20px 20px; overflow: hidden;}
.job-cou-list li:hover .cc-l-wrap .j-course-title {color: #31a4ff}
.course-img {overflow: hidden;position: relative;cursor: pointer;width: 100%;display: block;border-radius: 6px;}
.course-img img {width: 100%;height: 154px;}
.c-cou-mask {background: url("../images/black_bg.png") repeat scroll 0 0;text-align: center; bottom: 0; height: 100%;left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
.job-cou-list li:hover .course-img img.img-responsive {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.c-pk-wrap .course-img img {height: 316px;}
.cj-cou-desc {margin-top: 20px;}
.cj-cou-desc dd {width: 33.3%;float: left;+width: 33%;}
.cj-cou-desc dd .c-c-sbox {border-right: 1px solid #e5e5e5; text-align: center;line-height: 26px;}
.time-bar-wrap {position: relative;}
.lev-num-wrap {background: #E1E1E1;border-radius: 18px;width: 240px;height: 10px;position: relative;display: inline-block;}
.lev-num-bar {border-radius: 18px;width: 0%;font-size: 0;background-color: #31a4ff;position: absolute;left: 0;top: 0;height: 10px;z-index: 7;transition: .3s;-webkit-transition: .3s;}
.lev-num {color: #fff;position: absolute;top: 1px;left: 10px;font-family: 'Microsoft YaHei';font-size: 12px;line-height: 10px;z-index: 9;}
.lev-num big,.lev-num small {font-size: 12px;}
.lev-num small {color: #f2f2f2;}
.j-c-desc-wrap {padding: 0 10px;}
.cj-cou-desc dd .c-c-sbox tt {color: #333;font-family:"Verdana";font-size: 14px; vertical-align: middle;margin-left: 2px;}
.net-cou-box .job-cou-list li {width: 25%;}
.net-cou-box .job-cou-list {margin-left: -30px;}
.net-cou-box .job-cou-list li .cc-l-wrap {margin: 0 0 30px 30px;overflow: hidden;position: relative;}
.net-cou-box .job-cou-list li .cc-l-wrap .icon-m-tc { position: absolute;background: rgba(0, 0, 0, 0) url("../images/tc-big.png") no-repeat scroll left top; height: 80px; left: 0;top: 0; width: 80px;  z-index: 60; background-size: 100%;}
.net-cou-box .j-course-title{font-size: 16px;max-height: 24px;line-height: 24px;overflow: hidden;display: block;}
.course-label {  position: absolute;  bottom: 6px;  left: 8px;  font-size: 12px;  color: #FFF;  line-height: 16px;  }
.course-label label {  display: inline-block;  background: url("../images/black-pre40.png") repeat 0 0; text-align: center; border-radius: 2px; line-height: 22px; padding: 0 7px; height: 22px;  margin-bottom: 2px;  margin-right: 0;  font-weight: 200;  }
.course-progress { position: absolute;  top: 6px;  right: 8px;}
.course-progress span { display: inline-block;color: #fff;font-size: 12px;line-height: 22px;  background: url("../images/black-pre40.png") repeat 0 0; text-align: center; border-radius: 2px; width: 48px; height: 22px;}
.j-c-title {height: auto;}
.net-cou-box .j-course-title:hover,.cj-cou-ds a:hover {text-decoration: none;}
.cj-cou-ds a:hover {color: #333;}
.net-cou-box .cj-cou-ds span {font-size: 14px;}
.cj-cou-ds .fl {width: 69%;}
.net-cou-box .cj-cou-ds .fl {width: 64%;display: block;}
.net-cou-box .cj-cou-desc dd .c-c-sbox tt {font-size: 12px;}
.j-course-title {font-size: 16px;color: #333;}

.c-live-cou-icon {position: absolute; right: 0; top: 10px;display: inline-block;width: 86px;line-height: 30px; height: 30px;background: #47c88a;border-radius: 20px 0 0 20px;box-shadow: 0 0 9px rgba(71,200,138,0.4);}
.c-live-cou-icon img {width: 16px; height: 16px;margin: 0 5px 0 10px;vertical-align: middle;}
.c-live-cou-icon img.play-start-icon {width: 18px; height: 18px; margin-right: 1px;}
/*.live-start-yet {background: #008af5;}*/
.live-finish-icon {background: #bbb;}
.cj-cou-time {line-height: 20px;}
.cj-cou-time b {margin-top: 3px;}
/* global dialog
================================================== */
.dialog-shadow,.dialogWrap {-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.dialog-shadow {position: absolute;z-index: 9999;}
.dialog-shadow {border: 5px solid rgba(0,0,0,.1);overflow: hidden;}
.lt-ie9.lt-ie8 .dialog-shadow,.lt-ie9 .dialog-shadow {border: 1px solid #ddd;}
.dialog-shadow .dContent {background: #fff;position: relative;}
.dContent .dHead {border-bottom: 1px solid #f0f0f0;font-size: 12px;font-weight: 700;height: 37px;line-height: 37px;vertical-align: middle;cursor: move;}
.dHead span {font-size: 13px;margin-left: 16px;}
.dContent .dClose,.dClose {background-position: -90px -190px;display: inline-block;height: 18px;width: 18px;vertical-align: middle;position: absolute;right: 8px;top: 10px;cursor: pointer;}
.dContent .dClose:hover,.dClose:hover {background-position: -90px -211px;text-decoration: none;}
.dcWrap {padding: 12px 15px;overflow: hidden;}
.dca0,.dca1,.dca2 {width: 340px;text-align: center;margin: 10px 0 0;}
.dca3,.dca4 {width: 560px;}
.dca5 {width: 200px;text-align: center;margin: 10px 0;}
.dca .dTextarea {line-height: 26px;;min-height: 68px;width: 100%; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;color: #666;}
.yinY-txt {background: #f4f4f4;padding-left: 8px;}
.dca .dGt {background-position: -46px -114px;}
.jbRadio label {font-size: 12px;color: #666;margin: 0 6px;vertical-align: middle;}
.jbRadio label input {margin: 0 2px 0 0;vertical-align: -2px;}
.dcFoot {border-top: 1px solid #e2e2e2;margin: 20px -20px -10px;height: 42px;line-height: 42px;text-align: center;overflow: hidden;clear: both;}
.dcFoot a.cBtn {display: block;color: #083865;font-size: 16px;text-align: center;}
.dcFoot a.cBtn:hover {color: #31a4ff;text-decoration: none;}
.dcFoot a.cBtn.dCancel {border-left: 1px solid #e2e2e2;margin-left: -1px;}
.dcFoot .fk-yes-btn { background: #31a4ff;margin-top: 8px;border: none; display: inline-block;color: #fff;  font: 18px/28px "Microsoft YaHei"; height: 28px;text-align: center; width: 286px;}
.dcFoot .fk-yes-btn:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90)}
/* paginationStyle */
.paginationWrap {padding: 40px 0 30px;text-align: center;}
.pagination ul {display: inline-block;*display: inline;vertical-align: middle;margin-bottom: 0;margin-left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*zoom: 1;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul > li {display: inline;}
.pagination ul > li > span {letter-spacing: -6px;}
.pagination ul > li > a,
.pagination ul > li > span {float: left;color: #454545;padding: 6px 16px;line-height: 20px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;}
.pagination ul > li > a:hover {background-color: #328AE1;color: #FFF;}
.pagination ul > .active > a,
.pagination ul > .active > a:hover {background-color: transparent;color: #999;}
.pagination ul > .active > a,
.pagination ul > .active > span {color: #999999;cursor: default;}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {color: #999999;cursor: default;background-color: transparent;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {border-left-width: 1px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-moz-border-radius-topleft: 4px;}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;}
.c-more-pagination {background: #f2f2f2;}
/* dialog Style */
.l-r-w-Inpt li label { color: #666; display: inline-block; font-size: 14px; text-align: right; width: 45px;}
.l-r-w-Inpt li input.lTxt { background: #fff none repeat scroll 0 0; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: #666;height: 32px; line-height: 32px; padding: 0 10px; width: 260px;}
.l-r-w-Inpt li input.lTxt.yzm { width: 100px;}
.l-r-w-Inpt li input.lTxt:focus,.dca .dTextarea:focus { border-color: #f1a181; box-shadow: 1px 1px 4px rgba(255, 72, 0, 0.1);}
.login-btn input ,.yes-btn span { background: #31a4ff;border: medium none; color: #fff;  font: 18px/28px "Microsoft YaHei"; height: 28px;text-align: center; width: 286px;}
.yes-btn span {display: inline-block;}
.fk-i-inpt li label {width: 80px;}
.fk-i-inpt {margin-left: 73px;}
.live-banner {background: url("/static/nxb/images/pic/live-bg.png") repeat; display: none;}
.bind-inpt li label {width: 45px;}
.bind-inpt li input.lTxt {width: 235px;}
.bind-inpt {margin-left: 0;}
.top-box {  margin: 0;  text-align: center; z-index: 1000;background-color: #fffbe5;border-bottom: 1px solid #f7dcb1;}
.body-top-box {margin-top: 50px;}
.top-box .t-b-wrap {height: 30px;padding: 6px 50px 6px 0;line-height: 30px;position: relative;color: #333;font-size: 14px;}
.t-b-close {position: absolute; right: 0;top: 0;}

.ewm-box {left: 45%;}
.ewm-pic { width: 200px; height: 110px;margin: 10px auto 0;}
.ewm-pic img {width: 100%; height: 100%;}
.back-btn {display: none;}

.placeholder {position: absolute; left: 13px; top: 5px;}
.am-form-table .placeholder {top: 10px;}

.u-header-title {border-bottom: 1px solid #eee;}
.u-header-title a,.u-header-title span.u-header-name {font-size: 16px; color: #757b86; padding: 2px 2px 5px;margin-right: 25px; line-height: 34px;display: inline-block;}
.u-header-title a.current {color: #222; }
.u-header-title span.u-header-name {color: #222;}
.u-header-title a{transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;position: relative;}
.uc-m-top .u-header-title a span {position: relative;}
.u-header-title a:after,.uc-m-top .u-header-title a span:after {position: absolute; left: 50%;display: none; bottom: -1px;width: 30px; height: 2px; background: #31a4ff;content: ' ';margin-left: -15px;}
.u-header-title a.u-h-more {font-size: 12px; color: #888;float: right;margin-right: 0;}
.u-header-title a:hover,.exam-enter:hover,.sure-btn:hover,.u-seminar-list li .u-sign-btn:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.u-header-title a tt {font-size: 12px; vertical-align: sub;display: inline-block; font-family: "Arial"; }
.u-header-title a span {vertical-align: sub; display: inline-block;}
.u-header-title a.current:after {display: block; }
.uc-plan-title .u-header-title a.current span:after {display: block; }
.uc-plan-title .u-header-title a.current:after {display: none;}

.j-c-state {vertical-align: middle;border-radius: 2px;display: inline-block; background: #ffcec0;color: #ff5c30; font-size: 14px;padding: 7px 12px; line-height: 12px;}
.j-c-finish {background: #eee; color: #999;}

/*活动报名页*/
.p-sign-right {overflow: hidden;}
.p-sign-pic {width: 353px; height: 196px; float: left;margin-right: 25px;}
.p-sign-box a {width: 300px;}
.plan-enrol-box {padding: 0;}
.plan-intro-title {color: #333; border-bottom: 1px solid #E9E9E9;  line-height: 32px;  padding-left: 4px;  font-size: 16px;  padding-bottom: 5px;}
.plan-intro-desc {color: #666; font-size: 14px; line-height:20px;}
.m-box-show {display: none;}
.p-sign-right .bm-lr-btn {width: 186px;}
.sign-checking {background: #ccc;color: #fff;cursor: default;}
.line2 {border-bottom: 1px solid #e5e5e5;}

.fl-wrap {max-height: 260px; overflow-y: auto; position: relative;}
.c-s-dl dl {line-height: 30px;}
.c-s-dl dl dt {float: left;width: 46px;text-align: right;padding-right: 10px;margin-top: 4px;}
.c-s-dl dl {position: relative;padding: 10px 0 10px 0;background: #fff;border-top: 1px solid #e5e5e5;}
.c-s-dl-li {padding: 1px 60px 0 0;}
.c-s-dl-li ul {overflow: hidden;}
.c-s-dl-li ul li {float: left;}
.c-s-dl-li ul li a {display: inline-block;color: #333;border-radius: 2px;font-size: 14px;padding: 3px 15px;margin: 4px 14px 4px 0;line-height: 23px;white-space: nowrap;}
.c-s-dl-li ul li.current {position: relative;}
.c-s-dl-li ul li.current a,.c-s-dl-li ul li.current a:hover {text-decoration: none; }
.c-s-dl-li ul li.current s { background: url("../images/tab_arrow.jpg") no-repeat scroll 0 0;  bottom: -16px; display: block;height: 10px; left: 50%; margin-left: -6px; position: absolute; width: 12px; }
.c-s-dl dl ul li a:hover {color: #31a4ff;text-decoration: none; }
.c-s-dl-li ul.f-list {overflow: visible;}
.c-second-li ul li a {color: #777;font-size: 12px;}
.c-s-more,.c-s-del {position: absolute;right: 12px;top: 14px;}
.c-s-del {top: 10px;}
.js-wrap {background: #fff;height: 40px;line-height: 40px;padding: 0 15px;position: relative;overflow: hidden;clear: both;}
.c-second-li {padding-top: 10px;border-top: 1px dashed #dadee6;position: relative;}
.c-s-dl-li ul li.current a,.c-s-dl-li ul li.current a:hover,.c-second-li ul li.current a:hover {color: #fff;background: #31a4ff;}
.chap-seclist ul li.current a.c-p-t-btn,.c-second-li ul li.current a.c-p-t-btn:hover {background: #31a4ff;color: #fff;}
.c-secli-explain {position: absolute;left: -100px; top: 10px;width: 80px; text-align: right;}
.net-cou-box .paging {padding-top: 0;}
.lt-ie9.lt-ie8 .c-s-dl-li .f-list LI .a-img {margin-bottom: 4px;}
.c-s-dl-li .f-list{ float: left;}
.c-s-dl-li .f-list li {font: 14px/34px "Microsoft YaHei"; height: 34px; margin: 0 10px 9px 0;}
.c-s-dl-li .f-list .a-text1 { color: #666; font: 14px/25px "Microsoft YaHei"; margin-left: 10px;}
.c-s-dl-li .f-list li .a-text2 { color: #31a4ff ;font: 14px/25px "Microsoft YaHei";}
.c-s-dl-li .f-list li .a-img { display: inline-block; height: 10px; margin: 0 10px; width: 10px; background-position: -189px -200px;}
.c-s-dl-li .f-list a:link, .c-s-dl-li .f-list a:visited { border: 1px solid #e6e6e6; display: block; height: 30px;line-height: 30px; text-decoration: none;}
.c-s-dl-li .f-list a:hover { border: 1px solid #31a4ff ; display: block;  text-decoration: none;}
.c-s-dl-li .f-list a {padding: 0 4px;}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
  .net-cou-box .job-cou-list li {width: 25%;}
  .c-d-firstli .c-d-l-wrap a img, .c-d-firstli .c-d-l-wrap {width: 312px;}
  .com-dynamic-list li img, .c-d-l-wrap {width: 149px;}
  .e-s-box {padding: 20px 0 20px 153px;}
  .j-c-desc-wrap {padding: 0 9px 15px;}
  .course-img img.img-responsive {height: 126px;}
  .t-job-coulist .course-img img {height: 155px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px;
  }
  .ewm-wrap {margin-left: 0;}
  .e-s-mod1 {position: relative;left: 0;top: 0;}
  .e-s-mod3 {position: relative; left: 0; top: 9px; margin-bottom: 15px;}
  .e-s-box {padding: 0;}
  .j-c-desc-wrap .fsize18,.net-cou-box .cj-cou-ds span{font-size: 0.82rem;}
  .j-c-desc-wrap {padding: 0 8px 10px;}
  .cj-cou-desc {display: none;}
  .course-img img.img-responsive {height: 123px;}
  .net-cou-box .job-cou-list li {width: 33.3%;}
  .t-job-coulist .course-img img {height: 120px;}
  .u-m-q-attr .fr {float: left; margin-top: 5px;}
  .gwcp-box {padding-bottom: 20px;}
  .staff-review ul {padding: 1px 0;}
  .staff-review ul .sta-r-face {display: none;}
    .staff-review ul li .sta-r-wrap {padding: 8px 0 5px 0;}
}
/* global animation
================================================== */
@-webkit-keyframes bounceIn {
  0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05);}
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bounceIn {
  0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
  100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;}
@-webkit-keyframes bounceOut {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {opacity: 0;-webkit-transform: scale(.5);transform: scale(.5);}
  100% {-webkit-transform: scale(0);transform: scale(0);}
}
@keyframes bounceOut {
  0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
  50% {opacity: 0;-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
  100% {opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
}
.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;}